.container {
  width: 100%;
  display: flex;
  border-bottom: 8px solid #D1D3DA;

  .aside_left {
    flex: 2;
    background: #fff;
    border: 1px solid #D1D3DA;
    border-right: 8px solid #D1D3DA !important;

    .chart_container {
      height: 78vh;
      border-bottom: 1px solid #D1D3DA;

      .chart_content {
        display: flex;
        height: calc(100% - 45px);

        .chart_wave {
          flex: 1;
          border-right: 1px solid #D1D3DA;
          overflow: hidden;
          position: relative;

          .echart, .echart2 {
            height: 65vh;
            position: absolute;
            top: 0;
            width: 100%;
          }

          .echart {
            width: 100%;
            left: 0px;
          }

          .echart2 {
            left: 30px;
            overflow-x: hidden;
            width: calc(100% - 60px);
          }
        }

        .signal_container {
          .chart_signal {
            width: 120px;
            display: flex;
            height: calc(100% - 30px);

            .signal_item {
              flex: 1;
              width: 30px;
              margin: 0 auto;
              border: 1px solid #D1D3DA;
              display: flex;
              flex-direction: column;
            }
          }
        }
      }
    }

    .function_config {
      min-height: 10vh;
      padding: 5px;

      > div {
        width: 33%;
        display: inline-flex;
        padding: 3px 10px;
        height: 20%;
        margin-top: 10px;

        label, span {
          padding-right: 10px;
        }
      }
    }
  }

  .aside_right {
    min-width: 370px;
    flex: 1;

    .right_one, .right_two, .right_three, .right_four {
      background: #fff;
      padding: 5px;
      margin-bottom: 5px;
      border-bottom: 8px solid #D1D3DA;
    }

    .right_one {
      .one_content {
        flex: 2;

        .content_ele {
          display: inline-block;
          width: 50%;
          height: 50%;

          div {
            display: inline-block;
            margin-right: 6px;
          }

          .one_value {
            width: 80px;
            height: 20px;
            border: 1px solid #D1D3DA;
          }
        }
      }
    }

    .right_two {
      position: relative;

      button {
        position: absolute;
        right: 0px;
        top: 2px;
      }

      div {
        margin-bottom: 5px;

        > label {
          padding-right: 5px;
        }
      }
    }

    .right_three {
      .other_set {
        padding: 5px 0;

        label {
          padding-right: 5px;
        }
      }
    }

    .right_four {
      border-bottom: 0;
    }
  }
}

.footer {
  height: 30px;
  width: 100%;
  position: relative;
  padding: 10px;

  button {
    position: absolute;
    left: 50%;
    top: 10px;
  }
}

.activeItem {
  background: #074eb1;
  color: #fff;
  font-weight: 600;
}

.barItem {
  position: absolute;
  top: 40px;
  bottom: 18px;
  border-bottom: 0px !important;
}

.barItem0, .barItem2, .barItem4 {
  border: 1px solid #FF0000;
}

.barItem1, .barItem3, .barItem5 {
  border: 1px solid #00CC00;
}

:host ::ng-deep .ant-radio-button-wrapper {
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
}

:host ::ng-deep .ant-input-number {
  width: 35px;
  height: 25px;
}

:host ::ng-deep .ant-input-number-input {
  height: 25px;
  padding: 0 5px;
}

:host ::ng-deep .ant-input-number-handler-wrap {
  width: 12px;
}

:host ::ng-deep .ant-list-item {
  border: 1px solid #d9d9d9;
  cursor: pointer;
}

:host ::ng-deep .ant-input-number-handler-up-inner, :host ::ng-deep .ant-input-number-handler-down-inner {
  padding-left: 5px;
}

:host ::ng-deep .ant-progress-status-success .ant-progress-bg, :host ::ng-deep .ant-progress-bg {
  background-color: #074eb1;
  border-radius: 4px;
}

:host ::ng-deep .ant-progress-inner {
  background-color: #bfbfbf;
}

.antenna_name {
  border: 1px solid #D1D3DA;
  padding: 1px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.selectName {
  border-color: #074eb1 !important;
  color: #074eb1 !important;
}

.antenna_icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #D1D3DA;
  vertical-align: sub;
  margin-left: 15px;
}

.legend_area {
  display: inline-block;
  left: 0;
  height: 30px;
  line-height: 40px;
  margin-left: 200px;

  span {
    display: inline-block;
  }

  .legend_icon {
    width: 20px;
    height: 10px;
    margin: 0 10px 0 20px;
  }
}

.light-color {
  background: red !important;
}

.debug-am-move {
  position: absolute;
  top: 12px;
  right: 5px;
  display: flex;
  flex-flow: nowrap;
  min-width: 360px;
}
